<template>
  <ConfigProvider>
    <template #renderEmpty>
      <Empty description="暂无数据"/>
    </template>

    <RouterView />
    <!--<RouterView v-slot="{ Component, route  }">
          <Transition name="fade">
            <component :is="Component" :key="route.path"></component>
          </Transition>
        </RouterView>-->
  </ConfigProvider>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import { Empty, ConfigProvider , Button } from "ant-design-vue";
export default defineComponent({
  components: { Empty, ConfigProvider, Button },
  name: 'App'
})
</script>

<style lang="less">
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.2s ease-in-out;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}
</style>
